import React from 'react'  //react渲染核心api 虚拟dom hook 等
import { createRoot } from 'react-dom/client' //dom
// import { jsx } from 'react/jsx-runtime'
import App from './App'
import './app.scss'


// const box = React.createElement('div',{className:'box'},[
//   React.createElement('h1',{},['开始学习']),
//   'react!'
// ])


// jsx
// const box = <div className='box'>
//   <h1>开始学习</h1>
//   react!

//   <label htmlFor="abc">装填</label>
//   <input type="checkbox" id='abc'/>
// </div>
// console.log(box)

// 创建根节点
const root = createRoot(document.getElementById('root'))
// 渲染内容
root.render(
  <App />
)
